<template>
	<view>
		<view class="yonghu">
			<div class="img"><img src="/static/imgtest/tx.png" alt="" /></div>
			<p>用户名</p>
			<p class="p2">〉</p>
		</view>
		<view class="guanli">
			<p>个人资料</p>
			<p>我的讨论</p>
			<p>设置</p>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style scoped lang="scss">
	.yonghu {
		width: 100%;
		height: 4rem;
		// background-color: orange;
		display: flex;

		.img {
			width: 3.2rem;
			height: 3.2rem;
			border: 0.1rem lightgray solid;
			margin: 0.3rem;
			overflow: hidden;
			border-radius: 50%;

			img {
				width: 100%;
			}
		}

		p {
			line-height: 4rem;
			margin-left: 1rem;
		}

		.p2 {
			margin-left: auto;
		}
	}

	.guanli {
		// height: 100%;
		// background-color: lightgray;
		p {
			line-height: 3rem;
			font-weight: bolder;
			padding: 0 0 0 1rem;
			border-top: 0.1rem solid lightgray;
			background-color: white;
		}


	}
</style>